<template>
	<div id="app">
		<van-tabbar v-model="active">
			<van-tabbar-item icon="home-o">
				<router-link to="/home">首页</router-link>
			</van-tabbar-item>
			<van-tabbar-item icon="search"
				><router-link to="/classify">分类</router-link></van-tabbar-item
			>
			<van-tabbar-item icon="friends-o"
				><router-link to="/shop">购物车</router-link></van-tabbar-item
			>
			<van-tabbar-item icon="setting-o"
				><router-link to="/my">我的</router-link></van-tabbar-item
			>
		</van-tabbar>

		<router-view />
		<!-- <div id="nav">
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </div>
    <router-view/> -->

		<!-- <router-view></router-view> -->
		<!-- <Shop></Shop> -->

		<!-- <router-view></router-view> -->
		<Shop></Shop>
	</div>
</template>

<style>
.app {
	z-index: -1;
}
</style>
<script>
import router from './router/index'
export default {
	router,
	data() {
		return {
			active: 0,
		}
	},
}
</script>
